html{
    font-size: 100%;
}
h2{
    padding: 0;
    margin: 0;
    height: 20px;
    line-height: 20px;
}

#container .section {
    text-align:center;
    height: 100%;
    width: 100%;
}
#container .section.part-one{
    background:url(../images/bg-p1.png); 
    background-size: 100% 100%;
}
.section .page {
    height: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.section .page .logo{
    width: 97px;
    height: 112px;
    left: 77px;
    top: 54px;
    background: url(../images/logo.png) no-repeat;
    position: absolute;
    z-index: 100;
}
.section .page .header{
    width: 100%;
    height: 95%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section .page .flexbox one{
    height: 276px;
    width: 792px;
    align-items: center;
}
.section .page .bottom{
    width: 100%;
    height: 13px;
    position: relative;
    display: flex;
    justify-content: center;
}
.section .page .bottom span{
    font-size: 13px;
    line-height: 13px;
    margin-right: 26px;
    color: #3e3a39;
}
.section .page .bottom img{
    display: inline-block;
    height: 6px;
    width: 13px;
}
#container .section.part-two{
    background:url(../images/bg-p2.png);
    background-size: 100% 100%;
}
.section .page .flexbox two{
    height: 359px;
    width: 765px;
    align-items: center;
     × 
}
#container .section.part-three{
    background:url(../images/bg-p2.png);
    background-size: 100% 100%;
}
.section .page .flexbox three{
    height: 391px;
    width: 837px;
    align-items: center;
}
#container .section.part-four{
    background:url(../images/bg-p2.png);
    background-size: 100% 100%;
}
.section .page .flexbox four{
    height: 293px;
    width: 621px;
    align-items: center;
}